<template>
  <div class="form-group" style="padding-right:30px;">
    <div class="row">
      <div class="col-lg-12">
        <span>店舗条件(MDL)</span>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <label style="font-weight:normal"><input type="radio" name="storeRadio"  value="storeKaisou" v-model="returnStoreType" checked="checked"/>店舗階層</label>
        <label style="font-weight:normal;margin-left:10px;"><input type="radio" name="storeRadio"  value="storeGroup" v-model="returnStoreType" />店舗グループ</label>
      </div>
    </div>
    <mdlStoreKaisouComponent v-show="storeKaisouShow"/>
    <mdlStoreGrpComponent  v-show="storeGrpShow"/>
    
  </div>
</template>

<script>
import mdlStoreKaisouComponent from '@/components/mdl_storekaisou.vue';
import mdlStoreGrpComponent from '@/components/mdl_storeGrp.vue';

export default {
  name: "menuStoreComponent",
  components :{
     mdlStoreKaisouComponent,
     mdlStoreGrpComponent
  },
  data: function() {
    return {
         storeKaisouShow : true,
         storeGrpShow : false  
    };
  },
  props: {
    // store: {
    //   type: Object
    // },
    // isfav: {
    //   type: Object
    // }
  },
  methods: {
  },
  computed: {
    returnStoreType :{
        get() {
            return 'storeKaisou'
        },
        set(val){
          if(val == 'storeKaisou'){
            this.storeKaisouShow = true
            this.storeGrpShow = false
          }else{
            this.storeKaisouShow = false
            this.storeGrpShow = true
          }
        } 
      }
  },
  watch: {    
  },
  mounted() {
    // this.initStoreModule();
  }
};
</script>